<template>
  <div id="app">
    <!-- 路由占位符 -->
    <router-view></router-view>
  </div>
</template>

<script>


export default {
  name: 'app',
}
</script>

<style lang="less">
.wechat {
  width: 100%;
  height: 100% !important;
  padding: 5px 10px 20px 10px;
  box-sizing: border-box;
}

.wechat_card {
  width: 100%;
  min-height: 530px;
  height: 100% !important;
  box-shadow: 1px 1px 5px #ddd;
  background-color: #fff;
  padding: 20px;
  box-sizing: border-box;
}

.wechat_card_head {
  margin-bottom: 15px;
}

.el-main {
  height: 100% !important;
}

/* 表格字体大小  */
.el-table {
  font-size: 13px !important;
}

/* 输入框（中）字体大小 */
.el-input--medium {
  font-size: 13.5px !important;
}

/* 按钮（中）字体及间距 */
.el-button--medium {
  font-size: 13.5px !important;
  padding: 9px 12px !important;
}

.el-button--small {
  font-size: 13px !important;
  padding: 8px 12px !important;
}

.el-button--mini {
  padding: 5px 10px !important;
}
/* 页面表格工具栏样式区 */
/* 下拉筛选列表（大） */
.select_head_large {
  width: 200px;
  margin-left: 20px;
}

/* 下拉筛选列表（中） */
.select_head_medium {
  width: 150px;
  margin-left: 20px;
}

.select_head_small {
  width: 120px;
  margin-left: 20px;
}

/* 日期选框 */
.datepicker_head_medium {
  width: 120px !important;
  margin: 0 10px;
}

/* 日期区间div */
.datepicker_head {
  display: flex;
  align-items: center;
  font-size: 13.5px;
}

/* 气泡提示框样式 */
.popover_class {
  font-size: 13px !important;
}

/* 气泡提示框（bottom）样式 */
.el-popper[x-placement^="bottom"] {
  margin-top: 8px !important;
}
/* 表格右上角固定工具栏 */
.tools_head {
  flex: 1;
  padding: 0 10px;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  font-size: 18px;
}
/* 工具栏按钮 */
.btn_head_medium {
  margin: 0 10px !important;
}
.el-pagination {
  padding: 6px 5px 0px 5px !important;
}
// 当前颜色是element默认的颜色，所有表行左边添加线
.el-table__row {
  td:not(.is-hidden):last-child {
    border-left: 1px solid #ebeef5;
  }
}
// 有些表最后一个表头最下面没有横线，需要另外处理
.el-table__row:first-child td:not(.is-hidden):last-child {
  border-top: 1px solid #ebeef5;
}
// 当前颜色是element默认的颜色，表头左边添加线
.el-table__header {
  th:not(.is-hidden):last-child {
    border-left: 1px solid #ebeef5;
  }
}
.select {
  width: 202px;
}
</style>
